@import "media-queries";

.joinContent {
  .mpy-joinContent-hd {
    margin: 1rem 2rem;
    .mpy-avg-sm-2 {
      li {
        .mpy-joinContent-place {
          font-size: 1.2rem;
          margin: 0.05rem auto;
          color: $AuxiliaryFontBlackColor;
        }
        .mpy-joinContent-time {
          margin: 0.05rem auto;
          font-size: 0.9rem;
          color: $mainFontColor;
        }
        .mpy-joinContent-price {
          margin: 0.05rem auto;
          font-size: 1.2rem;
          color: $mainColor;
        }
      }
      li:last-child {
        text-align: right;
      }
    }
    .mpy-joinContent-msg {
      span {
        text-align: center;
        width: 4.5rem;
        font-size: 0.9rem;
        line-height: 1.5rem;
        color: $AuxiliaryFontBlueColor;
        border: 0.1rem solid $AuxiliaryFontBlueColor;
        display: inline-block;
        border-radius: 0.2rem;
      }
    }
  }
  .mpy-joinContent-bd {
    h1 {
      padding-left: 2rem;
      font-size: 1.2rem;
      line-height: 3rem;
      width: 100%;
      background: #f1f1f1;
      margin-bottom: 0;
    }
    p {
      margin: 0.5rem 0;
      padding: 0 2rem;
      font-size: 1.2rem;
      width: 100%;
    }
  }
}